<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
		<meta name="renderer" content="webkit">
		<meta name="applicable-device" content="pc">
		<title>${data.office.building_name}_重庆商务中心出租-重庆快址官网</title>
		<meta name="description" content="">
		<meta name="keywords" content="">
		<link rel="icon" href="/static/common/images/logo.png">
		<link rel="stylesheet" type="text/css" href="/static/common/css/common.css" />
		<link rel="stylesheet" type="text/css" href="/static/common/css/projectdetail.css" />
		<link rel="stylesheet" type="text/css" href="/static/common/css/swiper.css" />
		<link rel="stylesheet" href="/static/common/css/mapbase.css" />
		<link rel="stylesheet" href="/static/common/css/edificeDetail.css" />
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=QIw7CEn9awTfvoOMeBoRfA5X4gHVYIB3"></script>
	</head>

	<body>
		<header>
			<nav>
				<a href="/index.html"><img id="logo" src="/static/common/img/kz_index_yellowlogo.png" /></a>
				<div><input type="text" placeholder="请输入大厦名称或者区域位置" id="housesSearch" />
					<a class="searcha" onclick="housesSearch(document.getElementById('housesSearch').value)"><img src="/static/common/img/kz_index_search.png" /></a>
				</div>
				<a href="/index.html"><img id="tel" src="/static/common/img/kz_index_yellowtel.png" /><span data-hover="023-63101910">023-63101910</a>
        <a href="/serve/enterpriseunion.html" style="display: none"><span data-hover="企业服务">企业服务</span></a>
				<a href="/entrust/putthehouse.html"><span data-hover="投放房源">投放房源</span></a>
				<a href="/entrust/entrustfindhouse.html"><span data-hover="委托找房">委托找房</span></a>
			</nav>
		</header>
		<section class="header_section">
			<p>
				<a href="/index.html">重庆快址</a>
				<a href="/lists/h1r${data.county.county_id}">${data.county.name}写字楼出租</a>
				<a href="/lists/h1r${data.county.county_id}t${data.trade_area.county_id}">${data.trade_area.name}写字楼楼出租</a>
				<a>${data.office.building_name}</a>
			</p>
			<div>
				<h5>${data.office.building_name}<img src="/static/common/img/kz_houselist_hot.png"></h5>
				<h6>${data.buildingsAttribute.rent}<span>${data.buildingsAttribute.rentUnit}</span></h6></div>
		</section>
		<article class="headerarticle">
			<article>
				<p><img src="/static/common/img/kz_index_location.png" />
                    <a href="/lists/h1r${data.county.county_id}">${data.county.name}</a>-
                    <a href="/lists/h1r${data.county.county_id}t${data.trade_area.county_id}">${data.trade_area.name}</a>
				</p>
				<div>
					<figure id="housewrapper" style="transform: translate3d(0px, 0px, 0px);">
					<#assign text=data.office.context_img_path />
					<#assign imgPat=text?eval />
					<#list imgPat as im>
						<img src="${im.originalPath}" />
					</#list>
					  </figure>
				</div>
				<#--地图 start-->
					<div id="allmap"></div>
					<input type="hidden" id="coordinate" value="${data.office.coordinate}">
					<#--地图 end -->
						<nav>
							<a href="#rent">在租户型</a>
							<a href="#profile">大厦简介</a>
							<a href="#map">10分钟步行圈</a>
							<a href="#enter">企业礼包</a>
							<a href="#around">周边大厦</a>
						</nav>
			</article>
			<content>
				<section class="counterpart"  id="rent">
				<#assign min0max200=0 />
				<#assign min200max300=0 />
				<#assign min300max500=0 />
				<#assign min500max1000=0 />
				<#assign min1000max10000000=0 />
						<#list data.houseList as h>
						    <#if h.coveredArea gt 0 && h.coveredArea lte 200>
								<#assign min0max200=min0max200 +1>
						    </#if>
							<#if h.coveredArea gt 200 && h.coveredArea lte 300>
								<#assign min200max300=min200max300 +1>
							</#if>
							<#if h.coveredArea gt 300 && h.coveredArea lte 500>
								<#assign min300max500=min300max500 +1>
							</#if>
							<#if h.coveredArea gt 500 && h.coveredArea lte 1000>
								<#assign min500max1000=min500max1000 +1>
							</#if>
							<#if h.coveredArea gt 1000 && h.coveredArea lte 20000000>
								<#assign min1000max10000000=min1000max10000000 +1>
							</#if>
						</#list>
					<div>
						<nav>
							<a>
								<p>全部户型</p>
								<p>${data.houseList?size}套</p>
							</a>
							<a id="min0max200">
								<p>100-200m²</p>
								<p>${min0max200}套</p>
							</a>
							<a id="min200max300">
								<p>200-300m²</p>
								<p>${min200max300}套</p>
							</a>
							<a id="min300max500">
								<p>300-500m²</p>
								<p>${min300max500}套</p>
							</a>
							<a id="min300max500">
								<p>500-1000m²</p>
								<p>${min500max1000}套</p>
							</a>
							<a id="min1000max10000000">
								<p>1000m²以上</p>
								<p>${min1000max10000000}套</p>
							</a>
						</nav>

						<h6>照片总览<span>户型照片集合</span></h6>
						<figure class="swiper-container swiper-container-horizontal swiper-containerone">
							<div class="swiper-wrapper" style="transition-duration: 0ms; transform: translate3d(0px, 0px, 0px);">
								<#list imgPat as b>
									<div class="swiper-slide swiper-slide-active swiper-slide-pre" data-swiper-slide-index="${b_index}">
										<img src="${b.maxPath}" title="${data.office.building_name}" /></div>
								</#list>
							</div>
							<div class="movehand"><img src="/static/common/img/movehand.png" /></div>
						</figure>
						<h6>户型列表</h6>
						<nav>
							<a>照片</a>
							<a>面积<span></span><span></span></a>
							<a><span>单价</span><span>.总价</span><span></span><span></span></a>
							<a>楼层</a>
							<a>朝向</a>
							<a>装修</a>
						</nav>
						<div class="housegather">
							<#list data.houseList as h>
								<#assign text=h.cover_img_path />
								<#assign imgPat=text?eval />
								<a class="flexp" href="/details/h${h.houes_id}.html">
									<span class="spana" ><img src="${imgPat.minPath}"></span>
									<span class="spana" >${h.coveredArea}<span>m²</span></span>
									<span class="spana" >${h.rentMoney}<span>${h.rentUnit}</span></span>
									<span class="spana" >${h.doorplate}</span>
									<span class="spana" >${h.orientation}</span>
									<span class="spana" >${h.decorate}</span>
								</a>
							</#list>
						</div>
						<button class="buttona" >查看更多<button/>
					</div>
				     
				    <div id="profile">
						<h5>${data.office.building_name}简介</h5>
						<a>
							<#assign text=data.office.cover_img_path />
							<#assign imgPat=text?eval />
							<img class="buildingprofile" src="${imgPat.minPath}" />
							<div class="arightdiv">
								<p><span>竣工时间</span><span>${data.buildingsAttribute.completedTime}</span></p>
								<p><span>地理位置</span><span>${data.county.name}${data.trade_area.name}</span></p>
							</div>
						</a>
						<a>
							<p>层高</p>
							<p>
								<#if data.buildingsAttribute.reserve??>${ data.buildingsAttribute.reserve}层
									<#else>暂无信息</#if>
							</p>
						</a>
						<a>
							<p>总建筑面积</p>
							<p>
								<#if data.buildingsAttribute.area??>${data.buildingsAttribute.area}㎡
									<#else>暂无信息</#if>
							</p>
						</a>
						<a>
							<p>物业公司</p>
							<p>${ data.buildingsAttribute.property?default('暂无信息')}</p>
						</a>
						<a>
							<p>物业费</p>
							<p>
								<#if data.buildingsAttribute.propertyFee==''>暂无信息
									<#else>${ data.buildingsAttribute.propertyFee}${ data.buildingsAttribute.propertyFeeUnit}</#if>
							</p>
						</a>
						<a>
							<p>车位数量</p>
							<p>
								<#if data.buildingsAttribute.carportNum==''>暂无信息
									<#else>${ data.buildingsAttribute.carportNum}个</#if>
							</p>
						</a>
						<a>
							<p>车位租金</p>
							<p>
								<#if data.buildingsAttribute.carportRent==''>暂无信息
									<#else>${ data.buildingsAttribute.carportRent}${ data.buildingsAttribute.carportRentUnit}</#if>
							</p>
						</a>
						<a>
							<p>电梯</p>
							<p>${ data.buildingsAttribute.elevator?default('暂无信息')}</p>
						</a>
						<a>
							<p>开发商</p>
							<p>${ data.buildingsAttribute.developer?default('暂无信息')}</p>
						</a>
						<a>
							<p>网络</p>
							<p>${ data.buildingsAttribute.network?default('暂无信息')}</p>
						</a>
						<a>
							<p>入驻企业</p>
							<p>${ data.buildingsAttribute.entrepreneur?default('暂无信息')}</p>
						</a>
						<content>
							<p> ${ data.buildingsAttribute.description?default('暂无信息')}</p>
						</content>
					</div>
					<div id="map">
						<h5>10分钟步行圈</h5>
						<nav>
							<a >
								<p>地铁/公交站</p>
								<p>约5个站点</p>
							</a>
							<a >
								<p>快餐/餐厅</p>
								<p>约26家</p>
							</a>
							<a >
								<p>银行/ATM</p>
								<p>约3家</p>
							</a>
							<a >
								<p>酒店</p>
								<p>约4个</p>
							</a>
						</nav>
						<content>
							<div class="edificeWrap" id="edificeWrap4" style="padding-bottom: 20px;">
<!--								<h2 class="edificeTitle">10分钟步行圈</h2>-->
								<div class="streetDiv" style="width: 100%;height:520px;z-index: 1;position:relative;">
									<div class="street" style="z-index: 0;position:relative;" id="allmap2">
										<!--地图上定点-->

									</div>
									<div class="mapDetail">
										<ul class="mapDetailList  clearfix">
											<li class="mapCurrent" onclick="$('#mapSubway').trigger('click')">地铁/公交站</li>
											<li onclick="search('快餐','mapFastfood','ed_16.png','ed_8.png')">快餐/餐厅</li>
											<li onclick="search('银行','mapBank','ed_17.png','ed_11.png')">银行/ATM</li>
											<li onclick="search('酒店','mapHotal','ed_18.png','ed_12.png')">酒店</li>
										</ul>
										<!--地铁列表-->
										<div class="mapDetailInfo   " style="display: block;">
											<div class="changeBtn clearfix">
												<span class="subway changeCur  flt" id="mapSubway" onclick="search('地铁','mapSubway','ed_13.png','ed_9.png')">地铁</span>
												<span class="bus flt" id="mapBus" onclick="search('公交站','mapBus','ed_15.png','ed_10.png')">公交</span>
											</div>
										</div>
										<!--快餐列表-->
										<div class="mapDetailInfo   mapFastfood" id="mapFastfood">
											<ul>

											</ul>
										</div>
										<!--银行列表-->
										<div class="mapDetailInfo   mapBank" id="mapBank">
											<ul>

											</ul>
										</div>
										<!--酒店列表-->
										<div class="mapDetailInfo   mapHotal" id="mapHotal">
											<ul>

											</ul>
										</div>
									</div>
								</div>
							</div>
							<input name="buildName" type="hidden" value="${data.office.building_name}">
						<#list data.office.coordinate?split(',') as name>
							<#if name_index==0>
                                <input name="lgt" type="hidden" value="${name}">
							<#else>
                                <input name="lat" type="hidden" value="${name}">
							</#if>
						</#list>
						</content>
					</div>
					<div id="enter" style="display: none">
						<h6>企业礼包<a href="/serve/enterpriseunion.html" target="_blank">查看全部</a></h6>
						<figure>
							<a href="/serve/bjcs.html" target="_blank">
								<img src="/static/common/img/bordertop_blue.png" />
								<img src="/static/common/img/bajie.png" />
								<section>
									<h6>财税管理 / 工商注册</h6>
									<p>0元即可工商注册</p>
									<p>加送5000元建站大礼包</p>
								</section>
							</a>
							<a href="/serve/greenhouse.html" target="_blank">
								<img src="/static/common/img/bordertop_blue.png" />
								<img src="/static/common/img/zjin.png" />
								<section>
									<h6>绿植租赁 / 绿墙建造</h6>
									<p>免费赠送</p>
									<p>办公绿植租赁1个月</p>
								</section>
							</a>
							<a href="/serve/zhuanjiabao.html" target="_blank">
								<img src="/static/common/img/bordertop_blue.png" />
								<img src="/static/common/img/zjb.png" />
								<section>
									<h6>企业合同/法律咨询</h6>
									<p>智能法律顾问服务</p>
									<p>仅需298元/年</p>
								</section>
							</a>
							<a href="/serve/HD_plus.html" target="_blank">
								<img src="/static/common/img/bordertop_blue.png" />
								<img src="/static/common/img/hdp.png" />
								<section>
									<h6>活动营销/推广服务</h6>
									<p>0策划0技术低成本</p>
									<p>一站式服务平台</p>
								</section>
							</a>
						</figure>

					</div>
					<div id="around">
						<h6>周边大厦</h6>
						<figure class="swiper-container swiper-container-horizontal swiper-containertwo">
							<div class="swiper-wrapper" style="transition-duration: 0ms;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);">
								<#list data.officeBuildings as ob>
									<#assign text=ob.cover_img_path />
									<#assign cPath=text?eval />
									<div class="swiper-slide swiper-slide-active swiper-slide-pre" data-swiper-slide-index="${ob_index}">
										<a href="/lists/bu${ob.building_id}">
											<img src="${cPath.maxPath}" title="${ob.building_name}" />
											<h6>${ob.building_name}</h6>
											<p>${ob.rent}${ob.rentUnit}</p>
										</a>
									</div>
								</#list>
								<div class="swiper-slide" data-swiper-slide-index="${ data.officeBuildings?size}">
								</div>
							</div>
							<div class="movehand"><img src="/static/common/img/movehand.png" /></div>
						</figure>
					</div>
				</section>
				<section class="scroll">
					<h5>免费预约带看</h5>
					<p>该商务中心一个月内已有200人预约看房</p>
					<input type="tel" name="phone" id="phone" placeholder="手机号码"  maxlength="12" />
					<a  onclick="appointment()">预约看房</a>
					<p>免费电话预约</p>
					<p><img  src="/static/common/img/kz_index_yellowtel.png" />023-63101910</p>
					<p>(早9:00-晚10:00)</p>
				</section>
				<section class="empty">快址选址</section>
			</content>
		</article>
		<#include "/html/pc/include/base.ftl"/>
		<script src="/static/common/js/jquery.min.js"></script>
		<script src="/static/common/js/common.js"></script>
		<script src="/static/common/js/swiper.min.js"></script>
		<script src="/static/common/js/projectdetail.js"></script>
		<script src="/static/common/js/maps.js"></script>
		<script type="text/javascript" src="/static/common/js/housesSearch.js"></script>
		<script type="text/javascript" src="/static/common/js/buildDetail.js"></script>
        <script type="text/javascript" src="/static/common/layui/layui.all.js"></script>
        <script src="/static/common/js/common2.js" type="text/javascript" charset="UTF-8"></script>
	<script type="text/javascript">
			function appointment() {
                var phone = $('#phone').val();
                if(checkTel(phone) == false) {
                   layer.alert("请正确输入手机号",{icon: 0,title:"提示"});
                    return;
                }
                $.post('/lists/appoint.do', {
                    demand: "${data.office.building_name}",
                    phone: phone,
                    eserve_url: decodeURI(document.URL),
                    reserve_title: document.title
                }, function(res) {
                    if(res.data == true) {
                        layer.alert("提交成功,我们会进来联系您!",{icon: 1,title:"提示"});
                        $('#phone').val('');
                    } else {
                        layer.alert("服务异常,如需预约,请联系客服 023-63021910!",{icon: 2,title:"警告"});
                    }
                }, 'json')
            }
            function checkTel(tel) {
                var mobile = /^1[3|5|4|6|7|8|9]\d{9}$/,
                        phone = /^0\d{2,3}-?\d{7,8}$/;
                return mobile.test(tel) || phone.test(tel);
            }
	</script>
	</body>

</html>